<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小螺号号卡分销系统平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <script src="https://static.91haoka.cn/vue.min.js"></script>
		<link rel="stylesheet" href="https://unpkg.zhimg.com/element-ui/lib/theme-chalk/index.css">
		<script src="https://unpkg.zhimg.com/element-ui/lib/index.js"></script>
		<script src="https://unpkg.zhimg.com/axios/dist/axios.min.js"></script>
		<meta name="keywords" content="小螺号,小螺号号卡分销管理系统,手机卡分销系统,定制号卡系统,号卡后台管理,高佣金手机卡,号卡商城,手机卡头部供应商" />
		<meta name="description" content="一个专属于你的号卡分销系统，快速裂变，高效佣金结算，支持信息流推广、直播挂载，无开通费用，免费更新维护、免服务器部署" />
	</head>
	<style type="text/css">
		*{ margin: 0; padding: 0; font-family: "Microsoft YaHei","微软雅黑";}
		::-webkit-scrollbar {width: 0px;}
		
		/* 滚动槽 */
		::-webkit-scrollbar-track {
			-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
			border-radius: 10px;
		}
		
		/* 滚动条滑块 */
		::-webkit-scrollbar-thumb {
			border-radius: 10px;
			background: rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
		}
		
		::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, 0.1);}
		.el-step__title.is-process{ color: #C0C4CC;}
		.el-step__head.is-process{ color: #C0C4CC; border-color: #C0C4CC;}
	</style>
	<body>
		<div id="app" v-cloak>
			
			<div style="width: 100vw; height: 100vh; background: url('./img/t16.png'); display: flex; justify-content: center; align-items: center;">
				<div style="background: #fff; width: 880px; padding: 60px 0; border-radius: 15px; text-align: center; position: relative;">
					<div style="color: rgb(0, 0, 0); font-size: 34px; font-weight: bold; line-height: 40px; text-align: center;">域名解析</div>
					<div style="width: 400px; margin: 50px auto 100px;">
						<el-steps :align-center="true" :active="2">
						  <el-step title="注册账户"></el-step>
						  <el-step title="域名解析"></el-step>
						  <el-step title="登录配置"></el-step>
						</el-steps>
					</div>
					<div style="color: rgb(59, 59, 59); font-size: 18px; margin-bottom: 40px;">已注册成功，请前往您域名所在的云账号进行服务器解析</div>
					<div style="color: rgb(120, 119, 119); font-size: 18px; margin-bottom: 20px;">解析服务器地址：</div>
					<div style="color: rgb(9, 35, 255); font-size: 36px; margin-bottom: 20px;  font-weight: bold;">dd.xiaoluohao.vip</div>
					<div style="color: rgb(121, 121, 121); margin-bottom: 50px;">解析操作完成后大概10分钟生效，生效后直接在浏览器输入您的域名，登录配置系统，或者点击下方的按钮</div>
					<div @click="kai" style="border-radius: 10px; box-shadow: 0px 10px 20px 0px rgb(163, 207, 255);  background: rgb(0, 90, 255); width: 336px; height: 50px; margin: 0 auto; margin-bottom: 60px; cursor: pointer; line-height: 50px; text-align: center; color: #fff;">已解析成功前往登录</div>
					<div style="color: rgb(120, 119, 119); font-size: 14px; margin-bottom: 20px;">不会解析域名请按照解析说明文档操作</div>
					<div style="color: rgb(0, 44, 255); font-size: 18px; font-weight: bold; cursor: pointer;" @click="xiazai">下载解析操作说明文档</div>
					
					<div style="position: absolute; right: 30px; bottom: 30px;">
						<div><img  src="img/t24.png" style="width: 86px;" /></div>
						<div style="color: rgb(120, 119, 119); margin-top: 10px;">微信扫码寻求客服帮助</div>
					</div>
				</div>
				
				<!-- <div style="width: 1320px; margin: 0 auto;">
					<div style="padding: 20px 0; margin-bottom: 240px;"><img src="img/t2.png"></div>
					<div style="color: rgb(0, 90, 255); font-size: 56px; font-weight: 700; line-height: 66px;  text-align: center; margin-bottom: 20px;">小螺号是什么</div>
					<div style="color: rgb(2, 12, 29); font-size: 24px; line-height: 28px; text-align: center; margin-bottom: 20px;">一个专属于你的独立分销系统</div>
					<div style="color: rgb(120, 125, 133); font-size: 18px; line-height: 21px; text-align: center; margin-bottom: 30px;">自有独立域名·自定系统名称·优化信息流投放·快速佣金结算·免费更新维护</div>
					
					<div style="border-radius: 10px; box-shadow: 0px 10px 20px 0px rgb(163, 207, 255); background: rgb(0, 90, 255); width: 199px; height: 52px; margin: 0 auto; cursor: pointer; line-height: 52px; text-align: center; color: #fff;">免费开通</div>
				</div> -->
				
			</div>
			
		</div>


		<script>
			// var h = document.documentElement.clientWidth / 7.5 + 'px';
			// document.documentElement.style.fontSize = h;


			new Vue({
				el: '#app',
				data: function() {
					return {
						form:{
							domain:"",
							username:"",
							password:"",
							fname:"",
							phonenum:"",
							code:""
						},
						codemsg:"获取验证码"
					}
				},
				created() {
					
				},
				mounted() {

				},
				methods: {
					kai:function(){
						if(localStorage.getItem('urlx')){
							window.open(localStorage.getItem('urlx'))
						}
					},
					xiazai:function(){
						window.location.href = './img/yumingjiexiwendang.doc'
					},
					
				}
			});
		</script>
	</body>
</html>
